* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family:PingFangSC-Regular;
}

html {
    font-size: 100%;
    width: 100%;
    height: 100%;
}

body {
    /*font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, Arial ,sans-serif;*/
    color: #333;
    width: 100%;
    height: 100%;
    /*background-color: #f8f8f8;*/
}

img {
    border: 0;
    vertical-align: middle;
}

@media only screen and (min-width: 320px){
    html {
        font-size: 82.5% !important;
    }
}

@media only screen and (min-width: 340px){
    html {
        font-size: 90% !important;
    }
}

@media only screen and (min-width: 370px){
    html {
        font-size: 100% !important;
    }
}

@media only screen and (min-width: 401px){
    html {
        font-size: 103% !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 104% !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 105% !important;
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 120% !important;
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 130% !important;
    }
}
.clear{
    clear:both
}
.load{
    text-align: center;
    height: 2.5rem;
    line-height:2.5rem;
    background-color: #f0f0f0;
}
.loding{
    position: absolute;
    top:0;
    bottom: 0;
    width: 100%;
    background-color:rgba(0,0,0,0.5);
    display: none;
    z-index: 1100;
}
.loding img{
    display: block;
    margin: 0 auto;
    margin-top:65%;
    width: 2rem;
}
.hide{
    display: none;
}
